<template>
  <p id="rules-content">{{ rules }}</p>
</template>

<script lang="ts" setup>
  import { onMounted, ref, Ref } from 'vue';
  import { getRulesApi } from '/@/api/sys/rules';

  const rules: Ref<string> = ref('');

  onMounted(async () => {
    rules.value = await getRulesApi(); // 加载 rules
  });
</script>

<style scoped>
  #rules-content {
    white-space: pre;
    font-family: Consolas, monospace, 'SFMono-Regular', 'Liberation Mono', Menlo, Courier;
  }
</style>
